	<table class="compte-box-table">
		
		<thead>
			<tr>
				<th id="{{compte.id}}" colspan="3" class="box-titre box-titre-compte"> {{compte.name}} </th>
			</tr>
		</thead>
		
		<tbody>

		<tr style="border: none;">
			<td style="border: none;text-align: left; border-right: 0px;">Solde: </td>
			<td style="border: none;"></td>
			<td style="border: none;text-align: right; border-left: 0px; font-weight: bold;"> {{compte.solde}} EUR </td>
		</tr>

		</tbody>
	</table>

	<table class="compte-box-table">

		<thead style="border-top: 0px;">
			<tr style="border: none;">
				<th colspan="4" class="box-titre" style="font-size: 13px;">Historique des opérations</th>
			</tr>
		</thead>

		<tbody>
			<tr style="background-color: #42C0ED;border: none;">
				<td style="text-align: left;">Date</td>
				<td style="text-align: left;">Libellé</td>
				<td style="text-align: right;">Débit</td>
				<td style="text-align: right;">Crédit</td>
			</tr>

			{% for operation in operations %}
			<tr>
					<td style="text-align: left;"> 01/01/01 </td>
					<td style="text-align: left;">{{ operation.label }}</td>

					{% if operation.type == 0 %}
						<td style="color: red;text-align: right;"> -{{ operation.valeur }} EUR</td>
					{% else %}
						<td style="color: red;text-align: right;">  </td>
					{% endif %}

					{% if operation.type == 1 %}
						<td style="color: green; text-align: right;">  +{{ operation.valeur }} EUR</td>
					{% else %}
						<td style="color: red; text-align: right;">  </td>
					{% endif %}
			</tr>
			{% else %}

			<tr>
				<td colspan="4" style="text-align: center;"> Pas d'opérations pour ce compte </td>
			</tr>			

			{% endfor %}

		</tbody>

	</table>

	<div class="box-titre" style="font-size: 13px;"> Afficher les statistiques du compte </div>

	<div style="padding: 10px 0 0 0;">
		{% render "BPCompteBundle:Compte:createOperation" with {'compteId' : compte.id} %}
	</div>
